$(() => {
    //读取脚部
    $(".footer").load("./footer.html");
    //登录页的变化
    $(".log-phone-icon").click(function () {
        $(".reg-phone input").val("")
    })
    // $(".login-ul-top").children().eq(2).hover(function(){
    //     console.log($(this))
    //     $(this).addClass("color")
    // }
    // // ,function(){
    // //     $(this).removeClass("color")
    // // }
    // )
    $(".login-ul-top").children().click(function () {
        $(this).addClass("color").siblings().removeClass("color")
    })

    $("#ver-password").on("click", function () {
        if ($(this).text() == "使用密码验证登录") {
            $(this).text("使用短信验证登录")
            $(this).parent().children(".log-position1")
                .css("background-position", "0px -16px")
        } else {
            $(this).text("使用密码验证登录")
            $(this).parent().children(".log-position1").css("background-position", "0px 0px")
        }
    })
    $("#ver-password").hover(function () {
        if ($(this).text() == "使用密码验证登录") {
            $(this).parent().children(".log-position1")
                .css("background-position", "0px -95px")
            $(this).css("color", "red")
        } else {
            $(this).parent().children(".log-position1").css("background-position", "0px -109px")
            $(this).css("color", "red")
        }
    }, function () {
        if ($(this).text() == "使用密码验证登录") {
            $(this).parent().children(".log-position1")
                .css("background-position", "0px 0px")
            $(this).css("color", "#666666")
        } else {
            $(this).parent().children(".log-position1").css("background-position", "0px -16px")
            $(this).css("color", "#666666")
        }
    })

    //手机号码验证
    let flat1
    $(".reg-phone>input").keyup(function () {
        let val = $(this).val().trim()
        if (/^(?:(?:\+|00)86)?1(?:(?:3[\d])|(?:4[5-7|9])|(?:5[0-3|5-9])|(?:6[5-7])|(?:7[0-8])|(?:8[\d])|(?:9[1|8|9]))\d{8}$/
            .test(val)) {
            $(this).parents(".reg-phone").children(".pho-message").text("手机号码通过!").css("color", "green")
            flat1 = true
        } else {
            $(this).parents(".reg-phone").children(".pho-message").text("手机号码没通过!").css("color", "red")
            flat1 = false
        }
    })
    //给手机号码发短信
    let randomNumber;

    function getRandom(min, max) {
        return parseInt(Math.random() * (max - min + 1)) + min
    }
    // console.log($("#phoneID").trigger("keyup"))
    $(".get-phonever").click(function () {
        console.log("+++++")
        $("#phoneID").trigger("keyup");

        /* 如果flag的值是flase,那么我们就调用第三方平台发请求 发短信 */
        if (!flat1) return;
        // randomNumber = getRandom(1000, 9999);
        randomNumber = 999;
        $.ajax({
            type: 'post',
            url: 'http://route.showapi.com/28-1',
            dataType: 'json',
            data: {
                "showapi_appid": '91032', //这里需要改成自己的appid
                "showapi_sign": 'd57b19c8d2d44aef94aee464768a38d8', //这里需要改成自己的应用的密钥secret
                "mobile": $("#phoneID").val(),
                "content": `{"name":"Czing","code":${randomNumber},"minute":"3","comName":"红总旗下小明分公司"}`,
                "tNum": "T150606060601",
            },
            success: (result) => console.log(result)
        });
    });

   

    $(".login-btn").click(function () {
        
        if(!$("verify-img-panel").hasClass("avtive")){
            alert("请完成图形验证！");
            return
        } 

        if($("#phone-vernum").val() !=randomNumber + ""){
            alert("验证码不正确！")
        }
        console.log("++++++")
        if (!$("#protocol").is(":checked")) {
            alert("请阅读并同意注册协议");
            return;
        }
        
        /* 登录按钮的点击事件 */

        let phoneVal = $("#phoneID").val();
        $.ajax({
            type: "post",
            url: "../server/login.php",
            data: `phone=${phoneVal}`,
            dataType: "json",
            success: function (response) {
                /* 登录成功 */
                if (response.status == "success") {
                    /* 跳转到首页 */
                    window.location.href = "https://www.baidu.com";
                } else {
                    /* 注册失败： */
                    alert(response.msg);
                }
            }
        });
    })

})